<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>视差效果</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			div {
				height: 750px;
				/*background-repeat: no-repeat;*/
				background-position: center;
				background-size: cover;
				background-attachment: fixed;
			}
			.box1 {
				background-image: url(../img/视差图片/8325356105bd057336f4304882b7ecb5.jpeg);
			}
			.box2 {
				background-image: url(../img/视差图片/dabd1c2bc59891290d2d48330999a9d9.jpeg);
			}
			.box3 {
				background-image: url(../img/视差图片/f3340a3f03947a939348b12c298b3569.jpeg);
			}
		</style>
	</head>
	<body>
		<div class="box1"></div>
		<div class="box2"></div>
		<div class="box3"></div>
	</body>
</html>
